function addTag (){
    var tag = $('#tag').val();
    $('add-tag-button').attr('disabled','disabled');
    $('#result').empty();
    $('add-tag-button').addClass('loader');
    tool.post({
        'url':'/json/tag/add',
        'data':('tag='+tag),
        'onComplete':function(r){
            if(r.code == 200){
                $('add-tag-button').removeClass('loader');
                var tag = $('<span>',{
                    'id':'tag'+r.message.ID,
                    'class':'tag'
                }).hide().appendTo('#tagContainer').fadeIn();
                $('<a>',{
                    'class':'name',
                    'html':r.message.name,
                    'href':'/tag/'+r.message.name
                }).appendTo(tag);
                $('<a>',{
                    'class':'remove',
                    'html':'-',
                    'href':'javascript:removeTag('+ r.message.ID +');'
                }).appendTo(tag);
                $('#tag').val('');
                
            } else tool.result(r.code,r.status,r.message,r.fields,r.redirect,r.debug);
        }
    });
}
/*
function addTag (ID){
    $('#result').empty();
    tool.post({'url':'/json/tag/add','data':('ID='+ID),'onComplete':function(r){
       if(r.code == 200){
            //location.href = location.href;
        } else tool.result(r.code,r.status,r.message,r.fields,r.redirect,r.debug);
    }});
}
*/
function removeTag(ID){
    $('#tag'+ID+' .remove').addClass('loader');
    tool.post({
        'url':'/json/tag/del',
        'data':('ID='+ID),
        'onComplete':function(r){
            if(r.code == 200){
                $('#tag'+r.message.ID).fadeOut();
            } else tool.result(r.code,r.status,r.message,r.fields,r.redirect,r.debug);
        }
    });
}
function pasteTag (ID,tag){
    if(!$('#tag'+ID).length){
        $('#result').empty();
        tool.post({
            'url':'/json/tag/add',
            'data':('ID='+ID+'&tag='+tag),
            'onComplete':function(r){
                if(r.code == 200){
                    var tag = $('<span>',{
                        'id':'tag'+r.message.ID,
                        'class':'tag'
                    }).hide().appendTo('#tagContainer').fadeIn();
                    $('<a>',{
                        'class':'name',
                        'html':r.message.name,
                        'href':'/<?=LANG?>/tag/'+r.message.name
                    }).appendTo(tag);
                    $('<a>',{
                        'class':'remove',
                        'html':'-',
                        'href':'javascript:removeTag('+ r.message.ID +');'
                    }).appendTo(tag);
                } else tool.result(r.code,r.status,r.message,r.fields,r.redirect,r.debug);
            }
        });
    } else {
        $('#tag'+ID).fadeOut().fadeIn();
    }
}
function comment (el){
    var c = el.val();
    if(c){
        var ID = el.attr('id').replace(/commenttext/,'');
        el.attr('disabled','disabled').addClass('disabled');
        tool.post({
            'url':'/json/tag/comment',
            'data':'ID='+ID+'&comment='+c,
            'onComplete':function(r){
                if(r.code == 200){
                    el.removeClass('disabled')
                    .removeAttr('disabled')
                    .val('').blur();
                    $('<div>').html(r.message)
                    .hide().appendTo('#comments'+ID)
                    .fadeIn();
                } else tool.result(r.code,r.status,r.message,r.fields,r.redirect,r.debug);
            }
        });
    }
};
$(document).ready(function(){
    $('#tag').keyup(function(e){
        if(e.keyCode == 13 && $('#tag').val() && $('#tag').val() != $('#tag').data('label'))
            addTag();
    })
    .focus(function(){
        if($(this).val() == $(this).data('label') || !$(this).data('label'))
            $(this).data('label',$(this).val()).val('').removeClass('italic');
    })
    .blur(function(){
        if(!$(this).val() || $(this).val() == $(this).data('label')){
            $(this).val($(this).data('label')).addClass('italic');
        }
    });
    $('#add-tag-button').click(function(){
        if($('#tag').val() && $('#tag').val() != $('#tag').data('label'))
            addTag();
    });
    $('.comment-text')
    .keyup(function(e){
        if(e.keyCode == 13 && e.shiftKey == false) {
            comment($(this));
        } else $(this).height(($(this).val().split("\n").length)*14);
    })
    .focus(function(){
        if($(this).val() == $(this).data('label') || !$(this).data('label'))
            $(this).data('label',$(this).val()).val('').removeClass('italic');
    })
    .blur(function(){
        if(!$(this).val() || $(this).val() == $(this).data('label')){
            $(this).val($(this).data('label')).addClass('italic');
        }
    });
});